<template>
  <div>
    <Row style="background:#eee;padding:20px;">
      <i-col span="11">
          <Card shadow>
            <div style="text-align:center;height:200px"  @click="toMonitorPlatform()">
              <div style="height:150px;background-color:#4a7498">
                <h1 style="line-height:150px;color:#fff">数据大屏1</h1>
              </div>
              <h3 style='margin-top:20px'>广西科技师范学院农业大数据监控平台</h3>
            </div>
          </Card>
      </i-col>
      <i-col span="11" offset="2">
          <Card shadow>
            <div style="text-align:center;height:200px"  @click="toMonitorPlatform()">
              <div style="height:150px;background-color:#4a7498">
                <h1 style="line-height:150px;color:#fff">数据大屏2</h1>
              </div>
              <h3 style='margin-top:20px'>农业病虫害监控</h3>
            </div>
          </Card>
      </i-col>
    </Row>
  </div>
</template>
<script>
import maxLogo from '@/assets/images/logo.png'
export default {
  name: 'home',
  components: {
    maxLogo
  },
  data () {
    return {
      maxLogo
    }
  },
  mounted () {
    //
  },
  methods: {
    toMonitorPlatform: function () {
      window.open('/iview-admin/#/monitorPlatform')
    }
  }
}
</script>

<style lang="less">

</style>
